.order-item-wrap {
  background: #FFFFFF;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
  padding: 32rpx;
  box-sizing: border-box;
  position: relative;

  .order-item-footer {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 16rpx;
    align-items: center;

    .right-wrap {
      margin-left: auto;
      display: flex;
      flex-flow: column;
      align-items: flex-end;


    }

    .left-info {

    }
  }

  .order-desc-wrap {
    display: flex;
    flex-flow: row nowrap;

    .desc-wrap {
      margin-left: 20rpx;
      flex: 1;

      .footer-price-wrap {
        display: flex;
        flex-flow: column;
        align-items: flex-end;
        .action-btn-list {
          margin-top: 24rpx;

          .action-btn-item {
            padding: 12rpx 28rpx;
            box-sizing: border-box;
            position: relative;
            border-radius: 120rpx;
            border: 2rpx solid rgba(0, 0, 0, 0.26);
            font-size: 24rpx;
            color: rgba(0, 0, 0, 0.6);
            width: fit-content;
          }
        }

        .order-price {
          display: flex;
          align-items: center;

          .price-left {
            color: #333333;
            font-weight: bold;
            font-size: 28rpx;
          }

          .price-prefix {
            font-size: 28rpx;
            color: #000000;
          }

          .price-value {
            font-size: 40rpx;
            font-weight: bold;
            color: #000000;
          }
        }
      }

      .order-remark-wrap {
        margin-top: 12rpx;

        .info-item {
          display: flex;
          align-items: center;

          .info-label {
            font-size: 28rpx;
            font-weight: bold;
          }

          .info-value {
            font-size: 28rpx;
            color: rgba(0, 0, 0, 0.6);
          }
        }
      }

      .order-tip-wrap {
        margin-top: 16rpx;

        .tip-header {
          height: 40rpx;
          font-size: 28rpx;
          font-weight: bold;
          color: #333333;
          line-height: 40rpx;
        }

        .tip-content {
          font-size: 24rpx;
          font-weight: bold;
          color: #8C8C8C;
          line-height: 28rpx;
          margin-top: 8rpx;
        }
      }

      .header-wrap {
        display: flex;
        align-items: center;

        .room-name {
          height: 44rpx;
          font-size: 32rpx;
          font-weight: bold;
          color: #333333;
          line-height: 44rpx;
        }

        .order-status {
          padding: 8rpx 16rpx;
          box-sizing: border-box;
          border-radius: 88rpx 88rpx 88rpx 88rpx;
          border: 2rpx solid #1FB26C;
          font-size: 28rpx;
          font-weight: bold;
          color: #1FB26C;
          margin-left: auto;
        }

      }
    }

    .room-image {
      width: 194rpx;
      height: 286rpx;
      border-radius: 20rpx;
      overflow: hidden;

      .image-target {
        width: 100%;
        height: 100%;
      }
    }
  }
}
